草庐IT

CSS 链接

全部标签

javascript - 获取对所有 css 样式属性的访问权限?

我想通过JavaScript访问所有CSS属性(不仅针对特定选择器或元素,而且针对所有属性)。我想遍历.style集合的所有属性。我该怎么做? 最佳答案 您可以使用CSSStyleDeclaration对象。CSSStyleDeclaration对象使CSS样式属性可通过JavaScript属性使用。这些JavaScript属性的名称与CSS属性名称密切相关。这个对象有两个额外的属性:CSSText一组样式属性及其值的文本表示。文本的格式与CSS样式表中的一样,减去元素选择器和包围属性和值的大括号。长度此CSSStyleDeclar

javascript - 克隆 CSS 类

我想将所有:hover类复制到.hoverid类中,其中id是元素的索引(或任何其他方式创建独特的悬停类名称)。因此,我的想法是以某种方式遍历页面上定义了:hover的所有元素,并将该类克隆到.hoverid中。这样我就可以像这样在任何我想要的元素上触发悬停效果:$('#element').addClass('hover'+$(this).id);所以我的问题实际上是:如何遍历定义了“:hover”的元素?如何将那个类克隆到另一个类中?尝试您的解决方案:http://jsfiddle.net/kLt2P/ 最佳答案 您实际上可以使用

javascript - css3pie 打乱了 DOM,导致 jQuery 选择器错误

为了在IE6/7/8上获得CSS3效果(边框半径、框阴影...),我使用了css3pie。然而,css3pie在DOM中生成了一些css3-container(v1)/css3pie(v2)标签,这打乱了预期的架构。这是一个例子:CSSpre{border:1pxsolid#aaa;border-radius:5px;behavior:url(pie.htc);}HTMLbarparagraphpreformattedjQuery//undefinedexpected:getmealert($("pre").prev().attr("class"));//css3-containere

javascript - 使用 css 和 javascript 将 div 翻转 180 度

我想使用触发css动画的javascript函数将div翻转180度。我的div有以下声明:.start-photo-thumb{position:relative;float:left;background:#444444;height:192px;width:192px;margin-right:10px;margin-bottom:10px;perspective:1000px;animation:rotating0.6slinearinfinite;animation-play-state:paused;}@keyframesrotating{from{transform:ro

javascript - 如何使用 Youtube API V3 获取视频 RTSP 链接?

我曾经使用V2正常获取它,但在APIV3中有什么替代方法?如果不可用,是否有任何黑客可以做到这一点?例如。猜网址?注意:V2现在已弃用,所以我不能依赖它。 最佳答案 是的,这是v3API的另一大优势。此API的其他好处:不再有多个屏幕截图可供选择不再有视频时长;必须在第二个查询中请求以ISO8601格式加密的视频时长,以确保您无法将其转换为秒数RTSP值的缺乏只是另一个问题。我敢打赌,在APIv4中,他们可能还会隐藏视频标题,以确保API完全无用。 关于javascript-如何使用Yo

javascript - 通过使用带有 CSS 的图像显示背景网格

UPDATEDDEMO工作得很好,除了当我改变时背景图像正在调整大小:background-size:20px20px;是否可以保持原图大小,让背景图重叠(隐藏图片超出左上框(20px20px)的部分)?B计划是在设置的base64图像内容中用JS裁剪图像... 最佳答案 使用只有左边框和上边框的svg图像可能就是您要找的东西?检查片段,或这个jsfiddle(fiddle包含放大/缩小网格的按钮):body{background:url('http://testbed.nicon.nl/img/_FBs3b.svg')repeat

javascript - 在 Angular.js 中有条件地显示链接

基本上,我的模板中有这段代码:{{entry.school}}{{entry.school}}...如您所见,我试图在entry.url不为空时显示可点击的URL,否则显示纯文本。它工作正常,但看起来很丑陋。有没有更优雅的解决方案?我能想到的另一种方法是使用ng-if:{{entry.school}}{{entry.school}}但是我会重复几乎相同的比较两次,这看起来更糟。你们会如何处理这个问题? 最佳答案 你可以试试。hellohello但是ngSwitch您正在使用的应该没问题。

javascript - 在 jQuery 中修改 CSS 变量/自定义属性

在我的应用程序中,我有一些参数,我想使用jQuery将它们放入CSS变量中。我也想阅读它们。我在读取CSS变量的值时遇到了困难,并尝试了很多东西……在我输入问题时,在“可能已经有了答案的问题”中找到了解决方案。无论如何,我附上了一个片段,因为我需要知道:⋅⋅⋅为什么方法1不起作用?⋅⋅⋅有没有办法使用jQuery获取CSSvar值?我觉得它缺少一个简单的解决方案来处理CSS变量……我错了吗?当然,如果没有任何办法,我会使用javascript解决方案。但我想确定一下。预先感谢您的回答。//Thismethoddoesn'tworkforwritingCSSvar.$(":root").

javascript - Firefox 中 Flash 顶部的 CSS/JavaScript 导航菜单

我的网站有一个用CSS和JavaScript构建的下拉菜单,它会在Flash动画上下拉。在IE(6&7)中,下拉菜单位于Flash动画上方,而在Firefox(2&3)中,菜单出现在Flash动画下方。有什么方法可以让这个动态菜单在Firefox中通过Flash流动吗?在IE7中菜单出现在Flash上:在Firefox中,菜单出现在Flash下:(我该如何解决这个问题?!) 最佳答案 尝试将wmode设置为透明-参见here 关于javascript-Firefox中Flash顶部的CS

javascript - 我想在点击它和其他启用后禁用链接按钮。使用 javascript 在两个链接按钮之间切换启用/禁用

我想在点击后禁用链接按钮并启用其他按钮。使用javascript在两个链接按钮之间切换启用/禁用OneTwo 最佳答案 很简单,只需向两个链接上的onclick事件添加监听器,即可禁用相关链接并启用另一个链接。有点像document.getElementById('a1').onclick=function(){document.getElementById('a1').disabled=true;document.getElementById('a2').disabled=false;};document.getElementBy